import React, { useEffect, useState } from 'react';
// import { Map } from 'react-amap';
import '@/views/Index/Maps/Maps.scss'
import Nav from '../../../components/Nav/Nav'

interface Props {

}

function Maps(props: Props) {

    // 高德地图
    // const plugins: any = [
    //     'MapType',
    //     'Scale',
    //     'OverView',
    //     'ControBar',
    //     {
    //         name: 'ToolBar',
    //         options: {
    //             visible: true,
    //             onCreated(ins: any) {
    //                 console.log(ins);
    //             },
    //         }
    //     }
    // ]

    // 百度地图
    useEffect(() => {
        // 实例化
        let map = new window.BMapGL.Map('container')

        // 设置中心点坐标
        let point = new window.BMapGL.Point(116.404, 39.915)

        // 地图初始化
        map.centerAndZoom(point, 10)

        //鼠标缩放控件
        map.enableScrollWheelZoom();
    }, [])

    return (
        <div className='map'>
            <Nav />
            <div className="list">
                {/* 高德地图 */}
                {/* <Map plugins={plugins} /> */}

                {/* 百度地图 */}
                <div id="container">
                    
                </div>
            </div>
        </div>
    );
}

export default Maps;

